import { Button } from 'antd'
import classnames from 'classnames'
import { useNavigate } from 'react-router-dom'
import { ReactComponent as Img404} from '@/assets/images/404.svg';
import styles from './index.module.scss';

const NotFound = () => {
  const navigate = useNavigate();

  return (
    <div className={styles.notFound}>
      <Img404 width={'500px'} height={'380px'} />
      <div>
        <p className={classnames('text-4xl', styles.notFoundText)}>Not Found</p>
        <p >抱歉，您访问的页面不存在</p>
        <Button type='primary' onClick={() => navigate('/')}>返回首页</Button>
      </div>
    </div>
  )
}

export default NotFound